img.case-studies-banner {
    width: 148%;
    margin-left: -24%;
    padding-bottom: 60px;
}

@font-face {

    font-family: "Inter-Bold";

    src: url("https://images.hanlonsonline.co.uk/Camden Portal Demo/fonts/Inter-Bold.ttf");

    font-weight: 700;

    font-style: normal;

}

@font-face {

    font-family: "Inter-Medium";

    src: url("https://images.hanlonsonline.co.uk/Camden Portal Demo/fonts/Inter-Medium.ttf");

    font-weight: 700;

    font-style: normal;

}

@font-face {

    font-family: "Inter-Regular";

    src: url("https://images.hanlonsonline.co.uk/Camden Portal Demo/fonts/Inter-Regular.ttf");

    font-weight: 700;

    font-style: normal;

}

h1.case-studies-title-one {
    font-family: "Inter-Bold";
    color: #000;
}

h2.placeholder-title-one {
    padding-top: 60px;
    color: #000;
    padding-bottom: 15px;
    position: relative;
    font-family: 'Inter-Bold';
}

h2.placeholder-title-two {
    padding-top: 60px;
    color: #000;
    padding-bottom: 15px;
    position: relative;
    font-family: 'Inter-Bold';
    margin-left: 10%;
}

h2.placeholder-title-three {
    padding-top: 60px;
    color: #000;
    padding-bottom: 15px;
    position: relative;
    font-family: 'Inter-Bold';
    margin-left: 25%;
}

h2.placeholder-title-four {
    padding-top: 60px;
    color: #000;
    padding-bottom: 15px;
    position: relative;
    font-family: 'Inter-Bold';
    margin-left: 20%;
}

img.placeholder-one {
    margin-left: 7%;
}

img.placeholder-two {
    margin-left: 7%;
}

img.placeholder-three {
    margin-left: 7%;
}

img.placeholder-four {
    margin-left: 7%;
}

img.case-study-one {
    width: 92%;
    margin-top: 60px;
    margin-left: 9%;
    border-radius: 48px;
}


img.case-study-two {
    width: 92%;
    margin-top: 60px;
    margin-left: 9%;
    border-radius: 48px;
}

img.case-study-three {
    width: 92%;
    margin-top: 60px;
    margin-left: 9%;
    border-radius: 48px;
}

img.case-study-four {
    width: 92%;
    margin-top: 60px;
    margin-left: 9%;
    border-radius: 48px;
}

h3.apprenticeship-case-study-title {
    text-align: center;
    padding-top: 30px;
    margin-left: 5%;
    color: #000;
    font-family: 'Inter-Bold';
}

h3.construction-case-study-title {
    text-align: center;
    margin-left: 10%;
    padding-top: 30px;
    color: #000;
    font-family: 'Inter-Bold';
}

h3.employer-case-study-title {
    text-align: center;
    margin-left: 10%;
    padding-top: 30px;
    color: #000;
    font-family: 'Inter-Bold';
}

h3.jobhub-case-study-title {
    text-align: center;
    margin-left: 9%;
    padding-top: 30px;
    color: #000;
    font-family: 'Inter-Bold';
}

p.apprenticeship-text {
    font-family: 'Inter-Regular';
    text-align: center;
    margin-left: 5%;
}

p.construction-text {
    font-family: 'Inter-Regular';
    text-align: center;
    margin-left: 10%;
}

p.employer-text {
    font-family: 'Inter-Regular';
    text-align: center;
    margin-left: 10%;
}

p.jobhub-text {
    font-family: 'Inter-Regular';
    text-align: center;
    margin-left: 7%;
}

hr.gwc-linebreak {
    border-top: 3px solid #AE094A;
}

hr.gwc-linebreak-four {
    border-top: 3px solid #AE094A;
    left: 3%;
    position: relative;
}

a#button1 {
    background: #003E90 !important;
    color: #FFF;
    font-family: 'Inter-Regular';
    width: 75%;
    margin-left: 14%;
    margin-top: 10%;
    padding: 15px;
}

a#button1:hover {
    background-color: #113255 !important;
    text-decoration: underline;
    text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
    color: #fff;
}

a#button2 {
    background: #003E90 !important;
    color: #FFF;
    font-family: 'Inter-Regular';
    width: 75%;
    margin-top: 10%;
    margin-left: 15%;
    padding: 15px;
}

a#button2:hover {
    background-color: #113255 !important;
    text-decoration: underline;
    text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
    color: #fff;
}


a#button3 {
    background: #003E90 !important;
    color: #FFF;
    font-family: 'Inter-Regular';
    width: 75%;
    margin-top: 10%;
    margin-left: 17%;
    padding: 15px;
}

a#button3:hover {
    background-color: #113255 !important;
    text-decoration: underline;
    text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
    color: #fff;
}

a#button4 {
    background: #003E90 !important;
    color: #FFF;
    font-family: 'Inter-Regular';
    font-weight: 700;
    width: 75%;
    margin-top: 10%;
    margin-left: 14%;
    padding: 15px;
}

a#button4:hover {
    background-color: #113255 !important;
    text-decoration: underline;
    text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
    color: #fff;
}

div#rowOne {
    left: 3%;
    position: relative;
}
a.link-one {
    color: #000;
    font-size: 24px;
}
a.link-two {
    color: #000;
    font-size: 24px;
}
a.link-three {
    color: #000;
    font-size: 24px;
}
a.link-four{
    color: #000;
    font-size: 24px;
}

@media screen and (min-device-width: 1537px) and (max-device-width: 1920px) {
    .case-studies-section {
        width: 140%;
        margin-left: -21%;
    }

    h1.case-studies-title-one {
        margin-left: -17%;
    }

    h2.placeholder-title-three {
        margin-left: 20%;
    }

    h2.placeholder-title-four {
        margin-left: 15%;
    }

    a#button1 {
        margin-left: 35%;
    }

    a#button2 {
        margin-left: 38%;
    }

    a#button3 {
        margin-left: 39%;
    }

    a#button4 {
        margin-left: 38%;
    }
}

@media (min-width:1583px) and (max-width:1709px) {
    img.case-studies-banner {
        width: 149%;
        margin-left: -25%;
        padding-bottom: 60px;
    }
}

@media (min-width:1537px) and (max-width:1582px) {
    .case-studies-section {
        width: 100%;
        margin-left: 0%;
    }

    div#rowTwo {
        left: 3%;
        position: relative;
    }

    h1.case-studies-title-one {
        margin-left: 3%;
    }

    h2.placeholder-title-two {
        margin-left: 12%;
    }

    h2.placeholder-title-three {
        margin-left: 28%;
    }

    h2.placeholder-title-four {
        margin-left: 19%;
    }
}

@media only screen and (max-width: 1536px) {
    div#rowOne {
        left: 0%;
        position: relative;
    }

    h1.case-studies-title-one {
        margin-left: 3%;
    }

    .case-studies-section {
        width: 100%;
        margin-left: 0%;
    }

    img.case-studies-banner {
        width: 134%;
        margin-left: -17%;
        padding-bottom: 60px;
    }

    a#button1 {
        margin-left: 28%;
    }

    a#button2 {
        margin-left: 30%;
    }

    a#button3 {
        margin-left: 30%;
    }

    a#button4 {
        margin-left: 30%;
    }
}

@media (min-width:1441px) and (max-width:1511px) {
    h1.case-studies-title-one {
        margin-left: 0%;
    }
}

@media only screen and (max-width: 1440px) {
    img.case-studies-banner {
        width: 126%;
        margin-left: -13%;
        padding-bottom: 60px;
    }

    h1.case-studies-title-one {
        margin-left: 0%;
    }
}

@media (min-width:1233px) and (max-width:1280px) {
    img.case-studies-banner {
        width: 113%;
        margin-left: -7%;
        padding-bottom: 60px;
    }
}

@media (min-width:1200px) and (max-width:1232px) {
    img.case-studies-banner {
        width: 108%;
        margin-left: -4%;
        padding-bottom: 60px;
    }
}

@media (min-width:1025px) and (max-width:1199px) {
    img.placeholder-one {
        margin-left: 10%;
        width: 100%;
    }

    h2.placeholder-title-one {
        margin-left: 15%;
        font-size: 24px;
    }

    img.placeholder-two {
        margin-left: 10%;
        width: 100%;
    }

    h2.placeholder-title-two {
        margin-left: 22%;
        font-size: 24px;
    }

    img.placeholder-three {
        margin-left: 10%;
        width: 100%;
    }

    h2.placeholder-title-three {
        margin-left: 36%;
        font-size: 24px;
    }

    img.placeholder-four {
        margin-left: 10%;
        width: 100%;
    }

    h2.placeholder-title-four {
        margin-left: 30%;
        font-size: 24px;
    }
}

@media only screen and (max-width: 1024px) {
    img.case-studies-banner {
        width: 109%;
        margin-left: -5%;
        padding-bottom: 60px;
    }

    img.placeholder-one {
        width: 100%;
    }

    img.placeholder-two {
        width: 100%;
    }

    img.placeholder-three {
        width: 100%;
    }

    img.placeholder-four {
        width: 100%;
    }

    h2.placeholder-title-one {
        font-size: 24px;
        margin-left: 13%;
    }

    h2.placeholder-title-two {
        font-size: 24px;
        margin-left: 19%;
    }

    h2.placeholder-title-three {
        font-size: 24px;
        margin-left: 35%;
    }

    h2.placeholder-title-four {
        font-size: 24px;
        margin-left: 19%;
    }

    h2.placeholder-title-four {
        font-size: 24px;
        margin-left: 30%;
    }

    a#button1 {
        margin-left: 24%;
    }

    a#button2 {
        margin-left: 24%;
    }

    a#button3 {
        margin-left: 24%;
    }

    a#button4 {
        margin-left: 24%;
    }

}

@media (min-width:769px) and (max-width:991px) {
    img.placeholder-one {
        width: 40%;
        margin-left: 33%;
    }

    h2.placeholder-title-one {
        font-size: 24px;
        margin-left: 6%;
        text-align: center;
    }

    img.placeholder-two {
        width: 40%;
        margin-left: 33%;
    }

    h2.placeholder-title-two {
        font-size: 24px;
        margin-left: 6%;
        text-align: center;
    }

    img.placeholder-three {
        width: 40%;
        margin-left: 33%;
    }

    h2.placeholder-title-three {
        font-size: 24px;
        margin-left: 6%;
        text-align: center;
    }

    img.placeholder-four {
        width: 40%;
        margin-left: 33%;
    }

    h2.placeholder-title-four {
        font-size: 24px;
        margin-left: 6%;
        text-align: center;
    }

    img.case-studies-banner {
        width: 136%;
        margin-left: -18%;
        padding-bottom: 60px;
    }

    a#button1 {
        width: 40%;
        margin-left: 33%;
        margin-top: 5%;
    }

    a#button2 {
        width: 40%;
        margin-left: 34%;
        margin-top: 5%;
    }

    a#button3 {
        width: 40%;
        margin-left: 35%;
        margin-top: 5%;
    }

    a#button4 {
        width: 40%;
        margin-left: 35%;
        margin-top: 5%;
    }
}

@media only screen and (max-width: 768px) {

    img.placeholder-one {
        width: 50%;
        margin-left: 26%;
    }

    img.placeholder-two {
        width: 50%;
        margin-left: 26%;
    }

    img.placeholder-three {
        width: 50%;
        margin-left: 26%;
    }

    img.placeholder-four {
        width: 50%;
        margin-left: 26%;
    }

    img.case-studies-banner {
        width: 107%;
        margin-left: -4%;
        padding-bottom: 60px;
    }

    h2.placeholder-title-one {
        font-size: 24px;
        margin-left: 3%;
        text-align: center;
    }

    h2.placeholder-title-two {
        font-size: 24px;
        margin-left: 3%;
        text-align: center;
    }

    h2.placeholder-title-three {
        font-size: 24px;
        margin-left: 3%;
        text-align: center;
    }

    h2.placeholder-title-four {
        font-size: 24px;
        margin-left: 3%;
        text-align: center;
    }

    img.case-study-one {
        width: 80%;
    }

    img.case-study-two {
        width: 80%;
    }

    img.case-study-three {
        width: 80%;
    }

    img.case-study-four {
        width: 80%;
    }

    h3.apprenticeship-case-study-title {
        margin-left: 0%;
    }

    p.apprenticeship-text {
        margin-left: 0%;
    }

    h3.construction-case-study-title {
        margin-left: 0%;
    }

    h3.employer-case-study-title {
        margin-left: 0%;
    }

    h3.jobhub-case-study-title {
        margin-left: 0%;
    }

    p.construction-text {
        margin-left: 1%;
    }

    p.employer-text {
        margin-left: 0%;
    }

    a#button3 {
        margin-left: 13%;
    }

    p.jobhub-text {
        margin-left: 2%;
    }

    hr.gwc-linebreak-four {
        left: 0%;
    }

    h3.jobhub-case-study-title {
        margin-left: 2%;
    }

    a#button1 {
        margin-left: 41%;
    }

    a#button2 {
        margin-left: 41%;
    }

    a#button3 {
        margin-left: 41%;
    }

    a#button4 {
        margin-left: 41%;
    }

}

@media (min-width:375px) and (max-width:425px) {
    a#button1 {
        margin-left: 36%;
    }

    a#button2 {
        margin-left: 36%;
    }

    a#button3 {
        margin-left: 36%;
    }

    a#button4 {
        margin-left: 36%;
    }

    img.case-studies-banner {
        margin-top: -20px;
    }

}

@media only screen and (max-width: 425px) {
    a#button1 {
        margin-left: 37% !important;
    }

    a#button2 {
        margin-left: 37% !important;
    }

    a#button3 {
        margin-left: 37% !important;
    }

    a#button4 {
        margin-left: 37% !important;
    }

    img.case-study-one {
        width: 80%;
        margin-left: 12%;
    }

    img.case-study-two {
        width: 80%;
        margin-left: 12%;
    }

    img.case-study-three {
        width: 80%;
        margin-left: 12%;
    }

    img.case-study-four {
        width: 80%;
        margin-left: 12%;
    }
}

@media only screen and (max-width: 375px) {
    a#button1 {
        margin-left: 32% !important;
        width: 45%;
        margin-top: 5% !important;
        height: 48px;
    }

    a#button2 {
        margin-left: 32% !important;
        width: 45%;
        margin-top: 5% !important;
        height: 50px;
    }

    a#button3 {
        margin-left: 32% !important;
        width: 45%;
        margin-top: 5% !important;
    }

    a#button4 {
        margin-left: 32% !important;
        width: 45%;
        margin-top: 5% !important;
    }
}

@media only screen and (max-width: 320px) {
    a#button1 {
        margin-left: 1% !important;
        width: 100% !important;
        font-size: 18px;
        padding-top: 10px;
    }

    a#button2 {
        margin-left: 1% !important;
        width: 100% !important;
    }

    a#button3 {
        margin-left: 1% !important;
        width: 100% !important;
    }

    a#button4 {
        margin-left: 1% !important;
        width: 100% !important;
    }

    img.case-studies-banner {
        margin-top: -20px;
    }
}